@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .flex-c {
    @apply flex justify-center items-center;
  }

  .flex-ac {
    @apply flex justify-around items-center;
  }

  .flex-bc {
    @apply flex justify-between items-center;
  }
  .navbar-bg-hover {
    @apply dark:text-white dark:hover:!bg-[#242424];
  }

  .left-menu-bar {
    @apply absolute top-0 bottom-0 left-14 w-96 py-3 px-4 text-left bg-white shadow-lg box-border select-none;
  }
  .space-head-title {
    @apply absolute top-1/2 left-1/2 text-lg;
    transform: translate3d(-50%, -50%, 0);
  }
}
